<!--人事节点-->
<nz-card nzTitle="流程信息：人事" style="margin-bottom: 20px">
  <table width="100%">
    <tbody>
    <tr>
      <td width="10%" class="td_title">流程名称</td>
      <td width="40%">{{taskMessage.processName}}</td>
      <td width="10%" class="td_title">流程ID</td>
      <td width="40%">{{taskMessage.instanceId}}</td>
    </tr>
    <tr>
      <td class="td_title">发起人</td>
      <td>{{taskMessage.variables.starter}}</td>
      <td class="td_title">发起时间</td>
      <td>{{taskMessage.startTime}}</td>
    </tr>
    </tbody>
  </table>
</nz-card>

<nz-card nzTitle="流程数据" style="margin-bottom: 20px">
  <form nz-form >

    <nz-form-item>
      <nz-form-label nzRequired>请假类型</nz-form-label>
      <nz-form-control>
        <nz-select name="type" disabled=true [(ngModel)]="taskMessage.variables.type">
          <nz-option nzValue=1 nzLabel="病假"></nz-option>
          <nz-option nzValue=2 nzLabel="事假"></nz-option>
          <nz-option nzValue=3 nzLabel="调休"></nz-option>
        </nz-select>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label  nzRequired>选择日期</nz-form-label>
      <nz-form-control>
        <nz-range-picker name="date" disabled=true [(ngModel)]="taskMessage.variables.rangePicker"></nz-range-picker>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label nzRequired>请假原因</nz-form-label>
      <nz-form-control>
        <input nz-input placeholder="Basic usage" name="reason" disabled=true [(ngModel)]="taskMessage.variables.reason"/>
      </nz-form-control>
    </nz-form-item>
  </form>
</nz-card>

<nz-card nzTitle="流程进度" style="margin-bottom: 20px">
  <nz-table width="100%" #basicTable [nzData]="taskMessage.nodes">
    <thead>
      <tr>
        <td>节点名称</td>
        <td>人员</td>
        <td>时间</td>
        <td>操作</td>
        <td>办理意见</td>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let data of basicTable.data">
        <td>{{data.nodeName}}</td>
        <td>{{data.userId}}</td>
        <td>{{data.createTime}}</td>
        <td>{{data.operateName}}</td>
        <td>{{data.opinion}}</td>
      </tr>
    </tbody>
  </nz-table>
</nz-card>

<nz-card nzTitle="流程办理" style="margin-bottom: 20px">
  <form nz-form>
    <nz-form-item>
      <nz-form-label nzRequired>办理意见</nz-form-label>
      <textarea rows="4" name="currentOpinion" nz-input [(ngModel)]="currentOpinion"></textarea>
    </nz-form-item>
  </form>
</nz-card>

<div style="text-align: center">
<nz-space>
<button *nzSpaceItem nz-button nzType="primary" (click)="pass()">通过</button>

<button *nzSpaceItem nz-button nzType="primary" (click)="reject()">驳回</button>
</nz-space>
</div>
